<!DOCTYPE html>
<html lang="pt-br">
    <head>
        <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
        <title>404 Página não encontrada</title>
        <link rel="shortcut icon" href="assets/img/favicon.png" type="image/x-icon"/>
        <style type="text/css">

            ::selection{ background-color: #E13300; color: white; }
            ::moz-selection{ background-color: #E13300; color: white; }
            ::webkit-selection{ background-color: #E13300; color: white; }

            body {
                background-color: #fff;
                margin: 40px;
                font: 13px/20px normal Helvetica, Arial, sans-serif;
                color: #4F5155;
            }

            a {
                color: #003399;
                background-color: transparent;
                font-weight: normal;
            }

            h1 {
                color: #444;
                background-color: transparent;
                border-bottom: 1px solid #D0D0D0;
                font-size: 22px;
                font-weight: normal;
                margin: 0 0 14px 0;
                padding: 14px 20px 20px 15px;
            }

            code {
                font-family: Consolas, Monaco, Courier New, Courier, monospace;
                font-size: 12px;
                background-color: #f9f9f9;
                border: 1px solid #D0D0D0;
                color: #002166;
                display: block;
                margin: 14px 0 14px 0;
                padding: 12px 10px 12px 10px;
            }

            #container {
                -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; 
                margin: 10px;
                border: 1px solid #D0D0D0;
                -webkit-box-shadow: 0 0 8px #D0D0D0;
                background-color: #ececec;
                padding: 15px;
            }

            p {
                margin: 12px 15px 12px 15px;
            }

            footer { font-size: 11px; font-style: italic; text-align: right; padding: 5px; }
            h4 { margin-left: 15px; }
            a { text-decoration: none; color: #333333; font-style: italic; font-weight: normal; }
            a:hover { color: #de5656; }
        </style>
    </head>
    <body>
        <div id="container">
            <h1>Ops! Página não encontrada!</h1>
            <p>A página solicitada não foi encontrada.</p>
            <h4><a href="javascript:history.back();"><< Voltar para página anterior</a></h4>                
            <footer>
                SISBION - Sistema Bibliotecário Online
            </footer>
        </div>
    </body>
</html>